Font makes feature names unreadable

[romainmenke]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelIdleCallback

What specific section or headline is this issue about?

Title

What information was incorrect, unhelpful, or incomplete?

The font that was used

What did you expect to see?

A readable and accessible font

Do you have any supporting links, references, or citations?

It is impossible to distinguish upper case i from lower case l
This is not ideal given how frequently these appear together in camel cased feature names.

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/window/cancelidlecallback
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelIdleCallback
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/window/cancelidlecallback/index.md
• Last commit: mdn/content@eb28999
• Document last modified: 2023-12-30T14:46:02.000Z

[Bashamega]

Hello @caugner
I propose using a new font from Google Fonts, that will make the text more readable.
This is a list of some fonts that I came up with, I can file a PR for it once we choose an accessible font.
Fonts:

Font Name	Type	Notes
JetBrains Mono	Monospace	Excellent for devs; very clear capital "I" with horizontal bars
Fira Code	Monospace	Also great for coding; clear and sharp glyphs
IBM Plex Mono	Monospace	Professional, modern, and very readable
Source Code Pro	Monospace	Designed by Adobe, widely used and very clean
Courier Prime	Monospace	Traditional typewriter style; super clear distinctions
Recursive	Variable	Flexible with a mono option, designed for readability
Inconsolata	Monospace	Very readable, slightly more stylized

[caugner]

I'm happy to share that we're working on a front-end rewrite, which currently renders the title mentioned above like this: